import React from "react";
import Layout from "@/components/layout";
import Footer from "@/components/footer";
import AboutTwo from "@/components/about-two";
import ClientCarousel from "@/components/client-carousel";
import RecentProject from "@/components/recent-project";
import CallToActionTwo from "@/components/call-to-action-two";
import CallToActionThree from "@/components/call-to-action-three";
import AboutThree from "@/components/about-three";
import VideoDesignGuide from "@/components/video-design-guide";
import TeamOne from "@/components/team-one";
import FaqFeature from "@/components/faq-feature";
import TestimonialsOne from "@/components/testimonials-one";
import ServiceTwo from "@/components/service-two";
import Header from "@/components/header";
import Slider from "@/components/slider";
import MenuContextProvider from "@/context/menu-context";
import Section from "@/components/other/Section";

const Home = () => {
  return (
    <MenuContextProvider>
      <Layout PageTitle="首页">
        <Header bg="light" trans="dark" vart="light" className="shadow" />
        <Slider />
        <Section img="./img/bg5.jpg" rgba="0,0,200,0.5" height="500px" className="container">
          <div className="py-5">
            <p className="text-red">另另另枯枯要在</p>
            <h3 className="text-white">国顶戴枯枯枯楚雄枯</h3>

            <a className="thm-btn">
              <span>灰蒙蒙</span>
            </a>
          </div>
        </Section>
        <AboutTwo />
        <ServiceTwo />
        <TestimonialsOne />
        <FaqFeature />
        <CallToActionTwo />
        <TeamOne />
        <AboutThree />
        <VideoDesignGuide />
        <CallToActionThree />
        <RecentProject />
        <ClientCarousel />
        <Footer />
      </Layout>
    </MenuContextProvider>
  );
};

export default Home;
